<div class="page-title">
  <h1>
          时间轴
  </h1>
</div>
<ul class="timeline animated">
  <li>
    <div class="timeline-time">
      <strong>11.9</strong>下午 4:53
    </div>
    <div class="timeline-icon">
      <div class="bg-primary">
        <i class="icon-pencil"></i>
      </div>
    </div>
    <div class="timeline-content">
      <h2>
        产品经理教你使用“定向发布”
      </h2>
      <p>
        别担心！人人网产品经理教你使用酷炫狂霸拽的新功能“定向发布”！ 1. “定向发布”是什么?定向发布指的是用户在人人网发状态、写日志、传照片的时候，可以自由的选择什么人能够看到这些内容。 用户在网站发状态、写日志、传照片的地方，都能找到定向发布的入口。 发状态的时候使用，OK！ 传照片的时候可以使用，OK！ ...
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.9</strong>下午 6:14
    </div>
    <div class="timeline-icon">
      <div class="bg-warning">
        <i class="icon-quote-right"></i>
      </div>
    </div>
    <div class="timeline-content">
      <blockquote>
        <p>
          Happy Birthday！祝您快乐每一天！
        </p>
        <small>管理员</small></blockquote>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.9</strong>上午 9:00
    </div>
    <div class="timeline-icon">
      <div class="bg-info">
        <i class="icon-camera"></i>
      </div>
    </div>
    <div class="timeline-content image">
      <h2>
        玩转【人人电影】第三波：人人印象电影首页
      </h2>
      <img src="picture/img-coast.jpg" />
      <p>
        千呼万唤始出来，人人印象终于与大家见面了！今天我们就向大家介绍一下人人印象电影首页里各种功能。 一起来体验人人印象吧！ 【热门电影】 首先，你可以在这里了解到当前正在热映的电影，还能在“本周好评榜”看到人人网友对这些热门电影的评分。想知道现在哪些电影获得网友们的大力推荐？问小黄鸡还不如来人人印象呢！ 【热门影评】 人人...
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.8</strong>下午 2:01
    </div>
    <div class="timeline-icon">
      <div class="bg-danger">
        <i class="icon-pencil"></i>
      </div>
    </div>
    <div class="timeline-content">
      <h2>
        人人搜索
      </h2>
      <p>
        主页君今天早上被自己的头像相册雷到了，好多黑历史啊！！！大家在人人网一共有过多少头像呢？是不是跟主页君一样每个头像后面都有一个小故事呢？被朋友吐槽得最多最惨最狠的又是哪一个呢？
      </p>
      <p>
        一不小心2013已悄悄溜走2.626%，跨年的那一刻，你是在和谁在一起倒数呢？对过去的那一年，你有什么感叹；对新的一年，你又有什么期盼？进入你的时间轴，写下跨年的一刻的故事吧！！
      </p>
      <p>
        主页君：“我总觉得这几天很特别，让我想写点什么，但是又不明白为什么” 主页君的好基友：“一开年就连上八天班你试过？” 各位观众是不是也要跟我一起吐槽一下？
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.8</strong>上午 10:33
    </div>
    <div class="timeline-icon">
      <div class="bg-success">
        <i class="icon-camera"></i>
      </div>
    </div>
    <div class="timeline-content">
      <h2>
        北京的桥 千姿百态
      </h2>
      <p>
        #北京的桥 千姿百态#老板训话的时候最爱说，他过的桥比我们走的路还多！老板是北京人吧？除了帝都哪个城市的桥会多的跟马路似的，历史上的银淀桥、十七孔桥、卢沟桥......还有现在满大街的立交桥、天桥......最坑爹的是连出租车师傅都眼花转向的西直门桥啊有木有！还有比西直门桥更奇葩的桥吗？一样的时间，不一样的故事！更多精彩尽在http://rrurl.cn/a1F5vx
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.8</strong>上午 1:14
    </div>
    <div class="timeline-icon">
      <div class="bg-primary">
        <i class="icon-facetime-video"></i>
      </div>
    </div>
    <div class="timeline-content video">
      <h2>
        任志强:我哪敢拼爹?
      </h2>
      <iframe height=498 width=100% src="http://player.youku.com/embed/XNjMxNzE5NDc2" frameborder=0 allowfullscreen></iframe>
      <p>
        “过去哪敢拼爹啊，你不是找死了嘛。很多人都以为我这个是央企，多大一个企业，多大一个官。按照我部队转业的角度来说，我怎么也得当个处长吧，但是我现在还是个副科级。” 本期《舒立时间》，面对胡舒立的犀利提问，任志强见招拆招。
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.7</strong>上午 8:45
    </div>
    <div class="timeline-icon">
      <div class="bg-warning">
        <i class="icon-pencil"></i>
      </div>
    </div>
    <div class="timeline-content">
      <h2>
        #路边社消息# 
      </h2>
      <p>
        从张伯伦到乔老爷，再到雷.阿伦，还有来了中国的麦蒂……话说我们心中最辉煌的组合难道不是奥尼尔、科比和詹姆斯么？等等，谁说还有@JeremyLin林书豪 和 @郭德纲 的事来着？ 一样的时间，不一样的故事！更多精彩尽在http://rrurl.cn/a1F5vx
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.7</strong>上午 9:55
    </div>
    <div class="timeline-icon">
      <div class="bg-success">
        <i class="icon-time"></i>
      </div>
    </div>
    <div class="timeline-content">
      <h2>
        可乐罐收集达人
      </h2>
      <p>
        这哥们儿太牛了！5年时间，收集826个可乐罐，连女朋友都是通过可乐罐认识的！话说真有那么多种包装的可乐罐吗？筒子们，你们的喝过可乐罐都长啥样呢？敢不敢说出来秀一秀！一样的时间，不一样的故事！更多精彩尽在http://rrurl.cn/a1F5vx
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.6</strong>上午 9:00
    </div>
    <div class="timeline-icon">
      <div class="bg-info">
        <i class="icon-camera"></i>
      </div>
    </div>
    <div class="timeline-content image">
      <h2>
        地球+人类发展史 文案：
      </h2>
      <img src="picture/img-coast.jpg" />
      <p>
        #三行遗书#如果人类在2012灭绝，我想给外星人留下的墓碑应该是这样的——人：哺乳动物，灵长类。没草履虫出现早，没恐龙活得久，没小强覆盖广！欢迎大家来补充！一样的时间，不一样的故事！更多精彩尽在http://rrurl.cn/a1F5vx
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.5</strong>下午 2:01
    </div>
    <div class="timeline-icon">
      <div class="bg-danger">
        <i class="icon-pencil"></i>
      </div>
    </div>
    <div class="timeline-content">
      <h2>
        CBA
      </h2>
      <p>
        CBA从第一代的刘玉栋、王治郅、李楠，到第二代的王治郅、朱芳雨、姚明，再到新生代的王治郅、易建联、唐正东……额…谁能告诉我王治郅究竟打了多少场CBA联赛？怎么哪都能有他？？一样的时间，不一样的故事！更多精彩尽在http://rrurl.cn/a1F5vx
      </p>
      <p>
        Welcome to CBA!
      </p>
    </div>
  </li>
  
  <li>
    <div class="timeline-time">
      <strong>11.4</strong>下午 1:14
    </div>
    <div class="timeline-icon">
      <div class="bg-primary">
        <i class="icon-facetime-video"></i>
      </div>
    </div>
    <div class="timeline-content video">
      <iframe height=498 width=100% src="http://player.youku.com/embed/XNjMxNzk4Mjk2" frameborder=0 allowfullscreen></iframe>
      <p>
        你还记得你在人人网的第一条状态吗？在评论里分享一下吧~ 提醒：在时间轴里翻到最早的时候就能找到喔！
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.2</strong>上午 8:45
    </div>
    <div class="timeline-icon">
      <div class="bg-warning">
        <i class="icon-pencil"></i>
      </div>
    </div>
    <div class="timeline-content">
      <h2>
        在封面晒出幸福，大声说出对你的爱
      </h2>
      <p>
        晒封面，秀出你的个性时间轴 http://huodong...
      </p>
    </div>
  </li>
  <li>
    <div class="timeline-time">
      <strong>11.1</strong>下午 9:55
    </div>
    <div class="timeline-icon">
      <div class="bg-success">
        <i class="icon-time"></i>
      </div>
    </div>
    <div class="timeline-content">
      <h2>
        爱，不是对视瞬间视线的游离
      </h2>
      <p>
        【活动】爱，不是对视瞬间视线的游离；爱，不是半天憋不出的一句情话；爱，就要大胆的秀出来！情侣头像不够用？试试情侣封面吧！拉上你的另一半，换上情侣封面，在活动中秀出你们的爱吧！点击参与：http://rrurl.cn/l61sfS
      </p>
    </div>
  </li>
</ul>

<script>
function initTimelinePage() {
    /*
    # =============================================================================
    #   Timeline animation
    # =============================================================================
    */

    timelineAnimate = function(elem) {
      return $(".timeline.animated li").each(function(i) {
        var bottom_of_object, bottom_of_window;
        bottom_of_object = $(this).position().top + $(this).outerHeight();
        bottom_of_window = $(window).scrollTop() + $(window).height();
        if (bottom_of_window > bottom_of_object) {
          return $(this).addClass("active");
        }
      });
    };
    timelineAnimate();
    $(window).scroll(function() {
      return timelineAnimate();
    });
}
    
$(document).ready(function() {
	initTimelinePage();
});
</script>